import React from 'react'
// import ImgTab from './imgtab/ImgTab'
import MinLb from './minlb/minlb'
import './tp.css'
import { Col, Divider, Row } from 'antd';
const DemoBox = (props) => <p className={`height-${props.value}`}>{props.children}</p>;
function tp() {
  return (
    <div>
      {/* <ImgTab></ImgTab> */}
      <MinLb />
      {/* <div className="container">
        <img src="https://pub-cdn-oss.chuangkit.com/designKind/177?v=1736753531447&imageMogr2%2Fformat%2Fwebp" alt="图片1" />
        <img src="https://pub-cdn-oss.chuangkit.com/designKind/177?v=1736753531447&imageMogr2%2Fformat%2Fwebp" alt="图片2" />
        <img src="https://pub-cdn-oss.chuangkit.com/designKind/177?v=1736753531447&imageMogr2%2Fformat%2Fwebp" alt="图片3" />
        <img src="http://pub-cdn-oss.chuangkit.com/material_kind/first_kind_background_image/2023/05/19/c6936abf-c737-4e72-be1a-a3e79adca37c" alt="图片4" />
        <img src="https://pub-cdn-oss.chuangkit.com/designKind/177?v=1736753531447&imageMogr2%2Fformat%2Fwebp" alt="图片5" />
        <img src="https://pub-cdn-oss.chuangkit.com/designKind/177?v=1736753531447&imageMogr2%2Fformat%2Fwebp" alt="图片6" />
        <img src="https://pub-cdn-oss.chuangkit.com/designKind/177?v=1736753531447&imageMogr2%2Fformat%2Fwebp" alt="图片7" />
        <img src="https://pub-cdn-oss.chuangkit.com/designKind/177?v=1736753531447&imageMogr2%2Fformat%2Fwebp" alt="图片8" />
        <img src="https://pub-cdn-oss.chuangkit.com/designKind/177?v=1736753531447&imageMogr2%2Fformat%2Fwebp" alt="图片9" />
      </div> */}

      <Divider orientation="left">为你推荐</Divider>
      <Row justify="space-around" align="middle" >
        <Col span={4}>
          <DemoBox value={100} className='tpimg'><img className='tpimg' src="https://pub-cdn-oss.chuangkit.com/material_kind/first_kind_background_image/2024/12/25/e7a92479-4555-4576-9c4a-47372a043dd1" alt="" /></DemoBox>
        </Col>
        <Col span={4}>
          <DemoBox value={50} ><div className='tpimg'><img className='tpimg' src="https://pub-cdn-oss.chuangkit.com/designKind/170" alt="" /></div></DemoBox>
        </Col>
        <Col span={4}>
          <DemoBox value={120} className='tpimg'><img className='tpimg' src="https://pub-cdn-oss.chuangkit.com/designKind/502" alt="" /></DemoBox>
        </Col>
        <Col span={4}>
          <DemoBox value={80} className='tpimg'><img className='tpimg' src="https://pub-cdn-oss.chuangkit.com/designKind/209?v=1736821526851&imageMogr2%2Fformat%2Fwebp" alt="" /></DemoBox>
        </Col>
        <Col span={4}>
          <DemoBox value={80} className='tpimg'><img className='tpimg' src="https://photo-static-api.fotomore.com/creative/vcg/400/new/VCG41N2155428291.jpg?uid=364&timestamp=1736821946&sign=8c15975ae4405eb10e9a13f100fe394f&imageMogr2%2Fthumbnail%2F600x%3E%2Fformat%2Fwebp" alt="" /></DemoBox>
        </Col>
      </Row>
      <Row justify="space-around" align="middle" >
        <Col span={4}>
          <DemoBox value={100} className='tpimg'><img className='tpimg' src="https://pub-cdn-oss.chuangkit.com/material_kind/first_kind_background_image/2024/12/25/e7a92479-4555-4576-9c4a-47372a043dd1" alt="" /></DemoBox>
        </Col>
        <Col span={4}>
          <DemoBox value={50} ><div className='tpimg'><img className='tpimg' src="https://pub-cdn-oss.chuangkit.com/designKind/170" alt="" /></div></DemoBox>
        </Col>
        <Col span={4}>
          <DemoBox value={120} className='tpimg'><img className='tpimg' src="https://pub-cdn-oss.chuangkit.com/designKind/502" alt="" /></DemoBox>
        </Col>
        <Col span={4}>
          <DemoBox value={80} className='tpimg'><img className='tpimg' src="https://pub-cdn-oss.chuangkit.com/designKind/209?v=1736821526851&imageMogr2%2Fformat%2Fwebp" alt="" /></DemoBox>
        </Col>
        <Col span={4}>
          <DemoBox value={80} className='tpimg'><img className='tpimg' src="https://photo-static-api.fotomore.com/creative/vcg/400/new/VCG41N2155428291.jpg?uid=364&timestamp=1736821946&sign=8c15975ae4405eb10e9a13f100fe394f&imageMogr2%2Fthumbnail%2F600x%3E%2Fformat%2Fwebp" alt="" /></DemoBox>
        </Col>
      </Row>
      {/* <Row>
        <Col span={24}><img className='tpimg' src="https://photo-static-api.fotomore.com/creative/vcg/400/new/VCG41N2068647192.jpg?uid=364&timestamp=1736821946&sign=8c15975ae4405eb10e9a13f100fe394f&imageMogr2%2Fthumbnail%2F600x%3E%2Fformat%2Fwebp" alt="" /></Col>
      </Row>
      <Row>
        <Col span={12}><img className='tpimg' src="https://photo-static-api.fotomore.com/creative/vcg/400/new/VCG41N2068644052.jpg?uid=364&timestamp=1736821946&sign=8c15975ae4405eb10e9a13f100fe394f&imageMogr2%2Fthumbnail%2F600x%3E%2Fformat%2Fwebp" alt="" /></Col>
        <Col span={12}><img className='tpimg' src="https://photo-static-api.fotomore.com/creative/vcg/400/new/VCG41N2068643533.jpg?uid=364&timestamp=1736821946&sign=8c15975ae4405eb10e9a13f100fe394f&imageMogr2%2Fthumbnail%2F600x%3E%2Fformat%2Fwebp" alt="" /></Col>
      </Row> */}
      <Divider orientation="left">美照合集</Divider>
      <MinLb />
      <Divider orientation="left">电商美妆人像</Divider>
      <MinLb />
      <Divider orientation="left">电商服饰</Divider>
      <Row>
        <Col span={8}><img className='tpimg' src="https://photo-static-api.fotomore.com/creative/vcg/400/new/VCG41N2068646140.jpg?uid=364&timestamp=1736821946&sign=8c15975ae4405eb10e9a13f100fe394f&imageMogr2%2Fthumbnail%2F600x%3E%2Fformat%2Fwebp" alt="" /></Col>
        <Col span={8}><img className='tpimg' src="https://photo-static-api.fotomore.com/creative/vcg/veer/400/new/VCG41N157420573.jpg?uid=364&timestamp=1718090727&sign=9583e8c0ffe28d67eb0fbdbe9e713f8f&imageMogr2%2Fthumbnail%2F600x%3E%2Fformat%2Fwebp" alt="" /></Col>
        <Col span={8}><img className='tpimg' src="https://photo-static-api.fotomore.com/creative/vcg/400/version23/VCG41117147344.jpg?uid=364&timestamp=1718090727&sign=9583e8c0ffe28d67eb0fbdbe9e713f8f&imageMogr2%2Fthumbnail%2F600x%3E%2Fformat%2Fwebp" alt="" /></Col>
      </Row>
      <Row>
        <Col span={8}><img className='tpimg' src="https://photo-static-api.fotomore.com/creative/vcg/400/new/VCG41N2068647192.jpg?uid=364&timestamp=1736821946&sign=8c15975ae4405eb10e9a13f100fe394f&imageMogr2%2Fthumbnail%2F600x%3E%2Fformat%2Fwebp" alt="" /></Col>
        <Col span={8}><img className='tpimg' src="https://photo-static-api.fotomore.com/creative/vcg/400/new/VCG41N2068643533.jpg?uid=364&timestamp=1736821946&sign=8c15975ae4405eb10e9a13f100fe394f&imageMogr2%2Fthumbnail%2F600x%3E%2Fformat%2Fwebp" alt="" /></Col>
        <Col span={8}><img className='tpimg' src="https://photo-static-api.fotomore.com/creative/vcg/400/new/VCG41N2068643533.jpg?uid=364&timestamp=1736821946&sign=8c15975ae4405eb10e9a13f100fe394f&imageMogr2%2Fthumbnail%2F600x%3E%2Fformat%2Fwebp" alt="" /></Col>
      </Row>
    </div>
  )
}

export default tp